.role {

  // 头部
  .header {
    margin-bottom: 18px;

    div {
      display: flex;
    }
  }

  //内容
  .main {
    font-size: 16px;
    width: 100%;

    table {
      width: 100%;

      thead {
        tr {
          border-bottom: 1px solid #EFEFEF;

          th {
            font-weight: 700;
            color: #95999C;
            padding: 20px 0;
          }
        }
      }

      tbody {
        tr {
          border-bottom: 1px solid #EFEFEF;

          td {
            padding: 14px 0;
            text-align: center;
          }

          td:last-child {
            span {
              color: #B7CDE5;
              cursor: pointer;
            }

            .color {
              color: rgb(18, 124, 237);
            }
          }
        }
      }
    }
  }

  //尾部
  footer {
    padding: 20px 0;
  }

  .modalName {
    margin: 20px 0;
  }
}